<template>
  <div>
    <div class="card-text">
      <h1>Registration for Summer School</h1>
      <p>CPDE 2025 will be preceded by the Summer School from June 15 to June 17, 2025. The summer school registration is <strong>free of charge</strong> for all participants, and 3-days lunches and dinners from June 15-17 are provided for all participants without additional charge. </p>
      <p>Please note that the registration for the summer school is mandatory. If you register for the summer school, please fill in the form (<a href='https://cpde2025.bjut.edu.cn/download/CPDE_2025_Summer_School_Registration_Form.docx'>CPDE 2025 Summer School Registration Form</a>), and send it via email to the CPDE 2025 Organizing Committee (<a href='mailto:cpde2025@bjut.edu.cn'>cpde2025@bjut.edu.cn</a>) by <strong>May 15, 2025</strong>.</p>
      <p>The CPDE 2025 Organizing Committee is pleased to provide partial student travel support for attending the summer school, which covers the 4 nights stay from June 14-17 at Grand Gongda Jianguo Hotel. For more details, <a href="#/students_travel_support">please visit the student travel support webpage.</a></p>
      <h1>Summer School</h1>
    </div>
    <div style="text-align: center;">
      <SummerSchoolInfoCard 
        v-for="(i,index) in datas"
        :key="index"
        :hname    = "i.hname"
        :name    = "i.name"
        :schedule    = "i.schedule"
        :location    = "i.location"
        :synopsis = "i.synopsis"
        :imgUrl   = "i.imgUrl"
      />
    </div>
    <div class="card-text">
      <h2>Organization</h2>
      <p>The summer school will take place from June 15 to 17, 2025.</p>
      <p>Each participant is required to register at the registration desk at the lobby of Grand Gongda Jianguo Hotel. <strong>Please note that it is the only way that you are allowed to enter the campus</strong>. The registration will be open during the following time:</p>
      <ul style="margin-left:2em">
        <li>Sunday, June 15 from 8:00 to 15:00,</li>
        <li>Monday, June 16 from 8:00 to 15:00,</li>
        <li>Tuesday, June 17 from 8:00 to 10:00.</li>
      </ul>
      <p>Courses will start at 9:00 AM and will end at 4:30 PM each day.</p>
      <p>Lunch break is from approximately 12:00 to 2:00 PM, and dinner will start from 5:30 PM.</p>
      <p><strong>Course Location:</strong> Room 102,Teaching Bldg.3, Beijing University of Technology. (Please see the map below)</p>
      <p><strong>Lunch and Dinner</strong> <strong>Location:</strong> Tiantian restaurant in the Campus of Beijing University of Technology. (Please see the map below)</p>
      <h2>Schedule (tentative)</h2>
    </div>
    <table>
      <tr>
        <td  rowspan="2">June 15</td>
        <td>9:00-11:30</td>
        <td><strong>Learning for Dynamics and Control of Mobility Systems (I)</strong>——Traffic flow modeling and data</td>
        <td>Speaker：Huan Yu</td>
      </tr>
      <tr>
        <td>14:00-16:30</td> 
        <td> <strong>Learning for Dynamics and Control of Mobility Systems (II)</strong>——PDE-Backstepping Traffic Control</td>
        <td>Speaker：Huan Yu</td>
      </tr>
      <tr>
        <td  rowspan="3">June 16</td>
        <td>9:00-11:00</td> <td> <strong>Learning for Dynamics and Control of Mobility Systems (III)</strong>——Learning-based Traffic Control </td> 
        <td>Speaker：Huan Yu</td>
      </tr>
      <tr>
        <td>11:00-11:30</td> <td> <strong>Panel discussion</strong> on “PDE-based traffic flow control”</td> 
        <td>Hosted by Huan Yu</td>
      </tr>
      <tr>
        <td>14:00-16:30</td> <td> <strong>Input-to-state stability and Lyapunov techniques for PDEs (I)</strong></td> 
        <td>Speaker：Fabian Wirth</td>
      </tr>
      <tr>
      <td  rowspan="3">June 17</td>
        <td>9:00-11:30</td> <td> <strong>Input-to-state stability and Lyapunov techniques for PDEs (II)</strong></td>
        <td>Speaker：Fabian Wirth</td>   
      </tr>
      <tr>
        <td>14:00-16:00</td> <td> <strong>Input-to-state stability and Lyapunov techniques for PDEs (III)</strong></td> 
        <td>Speaker：Fabian Wirth</td>
      </tr>
      <tr>
        <td>16:00-16:30</td> <td> <strong>Panel discussion</strong> on “ISS control of PDEs”</td>
        <td>Hosted by Fabian Wirth</td>
      </tr>
    </table>
    <div class="card-text">
      <p>Location for lunches and dinners: Tiantian restaurant in the Campus of Beijing University of Technology</p>
      <img style="width: 800px;height: 800px;display: flex;margin: 0 auto;" src="~@assets/img-SS-loction-v2.png">
    </div>

    
</div>

</template>

<script>
import SummerSchoolInfoCard from "../components/SummerSchool/SummerSchoolInfoCard.vue" 

export default {
  components: { SummerSchoolInfoCard },
  data() {
    return {
      datas: []
    };
  },
  created() {
    this.$http.get('/json/SummerSchool.json').then((response) => {
      // console.log(response);
      this.datas = response.data.datas;
    });

  }



}
</script>

<style lang="less" scoped>
@import "../components/typora_like.less";
table {
  margin: 0 auto;
}

table,table tr th, table tr td { 
  border:1px solid #0094ff; 
  padding: 2px;
}
table {
  width: 90%;
  min-height: 25px;
  line-height: 45px;
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
}
</style>
